<template>
  <div>
    <ul>
      <li v-for="(item, index) in arr" :key="index">
        {{ item.title }}
      </li>
    </ul>
    <hr />
    <div>
      <ul>
        <li v-for="(value, key) in obj" :key="key">{{ value }}----{{ key }}</li>
      </ul>
    </div>
    <div>
      <p v-for="(item, index) in count" :key="index">
        好困-{{ item }}-{{ index }}
      </p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 10,
      arr: [
        {
          id: 0,
          title: '睡觉',
        },
        {
          id: 1,
          title: '吃饭',
        },
        {
          id: 2,
          title: '打麻将',
        },
        {
          id: 3,
          title: '打豆豆',
        },
      ],
      obj: {
        name: '胡俊杰',
        age: 18,
        hobby: '打游戏',
      },
    }
  },
}
</script>

<style></style>
